﻿@{
    ViewBag.Title = "晶享金融";
}
@using P2PWeb;
@using P2PWeb.Common;

<link href="@Url.Content("~/Content/Index_Style.css?ver=0.2")" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="@Url.Content("~/Scripts/app/Img_openLayer.js")"></script>


<script type="text/javascript">
    $(function () {
        //首页广告轮播
        p2p.SwapImg.swap(".slides_control a", ".pagination li");

        //借款推荐|成功借款
        $("#LoanRecommend a").click(function () {
            $("#LoanRecommend a").addClass('current_tab');
            $("#LoanRecommend a").removeClass('normal_tab');
            $("#SuccessRecommend a").addClass('normal_tab');
            $("#SuccessRecommend a").removeClass('current_tab');

            $("#tab_content1").show();
            $("#tab_content2").hide();
        });

        $("#SuccessRecommend a").click(function () {
            $("#SuccessRecommend a").addClass('current_tab');
            $("#SuccessRecommend a").removeClass('normal_tab');
            $("#LoanRecommend a").addClass('normal_tab');
            $("#LoanRecommend a").removeClass('current_tab');

            $("#tab_content1").hide();
            $("#tab_content2").show();
        });

        //年利率后面的提示
        $('a.askIcon').each(function () {
            $(this).mouseover(function () {
                $(this).prev().css('display', 'block');
            });
            $(this).mouseleave(function () {
                $(this).prev().css('display', 'none');
            });
        });
    })
</script>

<div id="slides" class="banner" style="margin-top: 130px;">
    <div class="bannerImg">
        <div style="overflow: hidden; position: relative; display: block;">
            <div class="slides_control" style="position: relative; width: 2877px; height: 314px;">
                <a style="display: list-item; opacity: 1;" title="" href="javascript:return false;">
                    <img alt="申富宝 不等贷" src="../../images/banner0526.jpg?v=2"></a>
                <a style="display: none;" title="" href="javascript:return false;">
                    <img alt="小费率贷出大钱景" src="../../images/banner_app.jpg"></a>
                <a style="display: none;" title="" href="javascript:return false;">
                    <img alt="手续简单 好贷好还" src="../../images/banner_zqzr.jpg"></a>
                <a style="display: none;" title="" href="javascript:return false;">
                    <img alt="信誉为本 坦诚相贷" src="../../images/banner19.jpg?v=1"></a>
            </div>
        </div>
        <div class="bannerPage">
            <ul class="pagination">
                <li class="current"></li>
                <li class=""></li>
                <li class=""></li>
                <li class=""></li>
            </ul>
        </div>
    </div>
</div>


<div class="banner2">
    <div class="banner2_box">
        <h2>广告位置</h2>
    </div>
    <div class="banner2_box">
        <h2>广告位置</h2>
    </div>
    <div class="banner2_box">
        <h2>广告位置</h2>
    </div>
</div>


<div class="main_index">
    <div class="main_index_top"></div>
    <div class="main_index_content clearfix">
        <div class="mainIndex_left fl">
            <div class="indexTab clearfix">
                <ul class="fl w300 ml27 di">
                    <div class="f20 yahei fl colblue2">银票宝</div>
                </ul>
                <a href="/Lenders/LendrsList" class="fr dib col666 no_unl mr20 mt5">
                    <img src="~/Images/shenfu-01_11.png" /></a>
            </div>

            <div id="tab_content1" class="tab_content1 " style="display: block;">

                @{  
                    foreach (Order order in Model.Orders)
                    {
                        if (order.Mortgage == "银票宝")
                        {
                    <div class="rowBg shadow" onclick="location.href='/Lenders/LendrsDetail?id=@order.Id'">
                        <br />
                        <a href="/Lenders/Project?id=@order.Id" target="_blank">
                            <span class="@(order.IsJvb ? "iconJing" : "")"></span>
                            <div style="float: right; text-align: center;">
                                <img src="~/Images/shenfu-01_20.png" title="@order.Title" class="img"/>
                                <br />
                                <a target="_blank" href="/Lenders/Project?id=@order.Id" title="@order.Title"><span class="tabRowTit_span">@order.Title</span></a>
                                <a target="_blank" class="@(order.IsJvb ? "iconJyb" : "")"></a>
                            </div>
                        </a>
                        <div class="tRRT clearfix" style="float: left; margin-left: 20px; margin-top: 5px;">
                            <div style="margin-top: -20px; margin-bottom: 5px;">
                                @if (order.IsJvb)
                                {
                                    <img src="~/Images/shenfu-01_17.png" class="showIcon" />
                                }
                                else
                                {
                                    <img src="~/Images/shenfu-01_17.png" class="hiddenIcon" />
                                }
                                @if (order.Mortgage == "信用担保")
                                {
                                    <img src="~/Images/shenfu-1-01.png" class="showIcon" />
                                }
                                else
                                {
                                    <img src="~/Images/shenfu-1-01.png" class="hiddenIcon" />
                                }
                            </div>
                            <p class="font_style_1">年利率：<span style="font-weight: bold; color: #f15f2c;">@order.AnnualInterest.CustomFormat("P")</span></p>
                            <br />
                            <p class="font_style_2">借款天数：<span style="font-weight: bold; color: #f15f2c;">@(order.DueDate.Days + "天")</span></p>
                            <br />
                            <p class="font_style_2">融资金额：<span style="font-weight: bold; color: #f15f2c;">@order.Money.ToString("N0")</span></p>
                            <br />
                            <div class="loadingNum2 fl mr5">
                                <div style="width: @order.FinishRate.CustomFormat("P")" class="loadingNum_bar2"></div>
                            </div>
                            <span class="font_style_2">@order.FinishRate.CustomFormat("p")</span>
                        </div>
                    </div>
                        }
                    }  
                }
            </div>
            <div class="link"></div>
            <div class="indexTab clearfix">
                <ul class="fl w300 ml27 di">
                    <li>
                        <div class="f20 yahei fl colblue2">商票宝</div>
                </ul>
                <a href="/Lenders/LendrsList" class="fr f14 dib col666 no_unl mr20 mt5">
                    <img src="~/Images/shenfu-01_11.png" /></a>
            </div>
            <div id="tab_content2" class="tab_content2" style="display: block;">
                @foreach (Order order in Model.Orders)
                {
                    if (order.Mortgage == "商票宝")
                    {
                    <div class="rowBg shadow" onclick="location.href='/Lenders/Project?id=@order.Id'">
                        <br />
                        <a href="/Lenders/Project?id=@order.Id" target="_blank">
                            <span class="@(order.IsJvb ? "iconJing" : "")"></span>
                            <div style="float: right; text-align: center;">
                                <img src="~/Images/shenfu-01-05.png" title="@order.Title" class="img"/>
                                <br />
                                <a target="_blank" href="/Lenders/Project?id=@order.Id" title="@order.Title"><span class="tabRowTit_span">@order.Title</span></a>
                                <a target="_blank" class="@(order.IsJvb ? "iconJyb" : "")"></a>
                            </div>
                        </a>
                        <div class="tRRT clearfix" style="float: left; margin-left: 20px; margin-top: 5px;">
                            <div style="margin-top: -20px; margin-bottom: 5px;">
                                @if (order.IsJvb)
                                {
                                    <img src="~/Images/shenfu-01_17.png" class="showIcon" />
                                }
                                else
                                {
                                    <img src="~/Images/shenfu-01_17.png" class="hiddenIcon" />
                                }
                                @if (order.Mortgage == "信用担保")
                                {
                                    <img src="~/Images/shenfu-1-01.png" class="showIcon" />
                                }
                                else
                                {
                                    <img src="~/Images/shenfu-1-01.png" class="hiddenIcon" />
                                }
                            </div>
                            <p class="font_style_1">年利率：<span style="font-weight: bold; color: #f15f2c;">@order.AnnualInterest.CustomFormat("P")</span></p>
                            <br />
                            <p class="font_style_2">借款天数：<span style="font-weight: bold; color: #f15f2c;">@(order.DueDate.Days + "天")</span></p>
                            <br />
                            <p class="font_style_2">融资金额：<span style="font-weight: bold; color: #f15f2c;">@order.Money.ToString("N0")</span></p>
                            <br />
                            <div class="loadingNum2 fl mr5">
                                <div style="width: @order.FinishRate.CustomFormat("P")" class="loadingNum_bar2"></div>
                            </div>
                            <span class="font_style_2">@order.FinishRate.CustomFormat("p")</span>
                        </div>
                    </div>
                    }
                }
            </div>
            <img src="~/Images/shenfu-01_29.png" />
        </div>
    </div>
    <div class="main_index_bottom"></div>
</div>


